@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './topbar.scss';
@import './topbar_nocion.scss';
@import './btn.scss';
@import './bkfonts/iconfont.css';
@import './sltj.scss';
@import './global.scss';
@import './bkremfont/bkremicon.css';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
  font-weight: 400;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;

}
*,
*:before,
*:after {
  box-sizing: inherit;
}
  .el-header {
 padding-left: 0px; padding-right: 0px;
 & h2{
  font-size: 15px;
  text-indent: 12px;
  font-weight: 600;
  color: #666;
 }
}
.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

aside {
  background: #f8f9fb;
  padding: 8px 8px;
  margin-bottom: 0px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  a {
    color: #337ab7;
    cursor: pointer;

    &:hover {
      color: rgb(32, 160, 255);
    }
  }
}

//main-container全局样式
.app-container {
  padding: 15px;
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.pagination-container {
  margin-top: 30px;
}

.text-center {
  text-align: center
}

.sub-navbar {
  height: 60px;
  line-height: 60px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  transition: 600ms ease position;
  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);

  .subtitle {
    font-size: 20px;
    color: #fff;
  }

  &.draft {
    background: #d0d0d0;
  }

  &.deleted {
    background: #d0d0d0;
  }
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}

.filter-container {
  padding-bottom: 10px;

  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}

//refine vue-multiselect plugin
.multiselect {
  line-height: 16px;
}

.multiselect--active {
  z-index: 1000 !important;
}

::-webkit-scrollbar {
  background: none;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  right: 3px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  border: 0px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 0 0 0 10px rgba(24, 154, 80, 0) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 10px rgba(168, 178, 204, .4) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ul {
  padding-left: 0;
  margin-top: 5px;
}

ul li {
  list-style: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

i {
  font-style: normal;
}

.logo_text {
  font-size: 26px;
  float: left;
  line-height: 60px;
  color: #f0f6fc;
  font-weight: 600;
  letter-spacing: 1px;
}

.bk_main {
  padding: 0px 15px;
  height: 100%;

  .station-toolbar {
    margin: 0px;
    padding: 8px 0px;
    height: auto;
    overflow: hidden;

    .el-input--medium .el-input__inner {
      height: 34px;
      line-height: 34px;
    }

  }

  .el-table th {
    color: #394b5d;
  }

  //background-color: #dfe6ec;
  .el-pagination {
    padding: 7px 5px;
  }
}

.el-menu-item {
  height: 50px;
  line-height: 50px;
}

a.router-link-exact-active.router-link-active .el-menu-item.is-active {
  padding-left: 18px !important;
  color: rgb(198, 255, 64);
  background-color: rgb(17, 93, 216) !important;
  border-left: 2px solid rgb(185, 239, 72);
}

// 暂时隐藏掉根据屏幕大小变化左侧导航布局
// #app .hideSidebar .router-link-exact-active.router-link-active .submenu-title-noDropdown .el-tooltip .svg-icon {
//     margin-left: 18px;
// }
#app .sidebar-container .el-submenu .nest-menu a.router-link-exact-active.router-link-active .el-menu-item.is-active {
  padding-left: 38px !important;
  background-color: #0b52c3 !important;
}

.yhgl_form {
  margin: 8px auto 0px;
  width: 600px;
}

.yhgl .el-dialog {
  width: 680px;
  border-radius: 2px;
}

.btn {
  text-align: center;
}

.el-dialog__body {
  padding-top: 10px;
}

.el-dialog__header {
  font-size: 18px;
  border-bottom: 1px solid #dcdfe6;
  border-radius: 2px 2px 0px 0px;
  background-image: -webkit-linear-gradient(to top, #f3f9ff, rgb(194 214 236));
  background-image: -o-linear-gradient(to top, #f3f9ff, rgb(194 214 236));
  background-image: -moz-linear-gradient(to top, #f3f9ff, rgb(194 214 236));
  background-image: linear-gradient(to top, #f3f9ff, rgb(194 214 236));
  padding: 10px 20px 10px !important;
  height: 45px;

  .el-dialog__title,
  .el-dialog__headerbtn .el-dialog__close {
    color: #333;
    // font-weight: 600;
  }

  .el-dialog__headerbtn {
    top: 14px;
  }
}

.el-dialog {
  margin-bottom: 0px !important;
}

.bk_header .navbar .right-menu {
  margin-right: 30px;
}

.querywx-input {
  padding-left: 18px;
  float: right;
  height: 12px;
}

.querywx-btn {
  float: right;
}

.el-table__empty-block {
  background: url(~@/assets/admin/nopic.png) no-repeat center;
}

.el-table__empty-block .el-table__empty-text {
  display: none;
}


.bk_has_left_main {
  padding: 6px;
  height: 100%;

  .el-table th {
    color: #394b5d;
  }

  //background-color: #dfe6ec;
  .bk_card {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    border-radius: 4px;
  }

  .station-toolbar {
    margin: 0px;
    padding: 6px 0px;
    height: auto;
    overflow: hidden;

    .el-input--medium .el-input__inner {
      height: 34px;
      line-height: 34px;
    }
  }

  .el-header,
  .bk_header,
  .el-header.bk_header {
    padding: 0 6px;
  }

  .el-header.bk_header_right {
    padding: 0 6px;
  }

  aside.bk_aside {
    background: #f6f7f9;
    padding: 4px;
    margin-bottom: 0px;
    border-right: 1px #ddd solid;
    position: relative;

    .el-tree.formtree {
      background-color: transparent;
    }
  }

  aside.bk_aside.right {
    background: #f6f7f9;
    padding: 4px;
    margin-bottom: 0px;
    border-right: 0px #ddd solid;
    border-left: 1px #ddd solid;
    position: relative;
  }
  aside.bk_aside_right {
    background: #f6f7f9;
    padding: 0px;
    border-right: 1px #ddd solid;
    position: relative;
  }
  .asid_scoll_body {
    height: calc(100% - 40px);
    width: 100%;
    overflow: auto;
    padding: 8px;
  }

  .el-card__header {
    padding: 4px 10px;
    height: 40px;
  }

  .el-card {
    margin-top: 8px;

    .el-card__header {
      font-size: 18px;
      color: #333;
      font-weight: 600;
    }

    .right_nei_btn {
      float: right;
      display: none;
      padding-top: 2px;
    }

    .el-card__body {
      padding: 10px;

      .text.item {
        font-size: 14px;
        color: #666;
        line-height: 20px;
      }
    }
  }

  .asid_scoll_body .el-card:nth-of-type(1) {
    margin-top: 0px;
  }

  .el-card:hover {
    cursor: pointer;

    .right_nei_btn {
      display: block;
      padding-top: 6px;
    }
  }

  .el-pagination {
    white-space: nowrap;
    padding: 6px 5px;
  }
}

.el-footer {
  padding: 0px; height: auto !important;
}

.bk_footer.el-footer {
  padding:6px!important;
}
.nopadding {
  padding: 0px !important;

  .bk_card {
    border: 0px
  }
}

.bk_body_header {
  width: 100%;
  height: 40px;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.bk_body_header h1 {
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding-left: 6px;
}

.bk_body_header .right_btn {
  position: absolute;
  right: 8px;
  top: 0px;
  width: auto;
}
.postion_right{ position: absolute; right:8px; top: 4px; width: auto; height: auto; z-index: 4;}
.el-main.has_left {
  padding: 0px 6px;
}

.el-card.hover {
  border: 1px #5db9fa solid;

  .header_h {
    color: #1966e2;
  }
}

.el-main.marg {
  margin: 0 4px;
  border: 1px #ccc solid;
  padding: 6px;
  border-radius: 4px;
  width: calc(50% - 8px);
}

// 横向导航菜单弹出下拉菜单专属，左侧导航时候去掉；
.topnav,.topnav_noicon  {
  .el-menu.el-menu--popup.el-menu--popup-bottom-start {
    min-width: 120px !important;
    margin-top: 1px;
    padding: 0px;
  }

  .el-menu--horizontal .el-menu .el-menu-item,
  .el-menu--horizontal .el-menu .el-submenu__title {
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #175CCE;
  }

  .el-menu--horizontal a.router-link-exact-active.router-link-active .el-menu-item.is-active {
    padding-left: 10px !important;
    color: #c6ff40;
    background-color: #115dd8 !important;
    border-left: 0px solid #b9ef48;
  }
}

//
.has_left_tree {
  position: relative;

  .left_toggeler {
    padding-top: 16px;
    position: absolute;
    left: 0px;
    z-index: 22;
    top: 50%;
    width: 10px;
    margin-top: -25px;
    height: 50px;
    background-color: #eef1f6;
    border-radius: 0px 8px 8px 0px;

    i {
      margin-left: -2px;
    }
  }

  .left_toggeler:hover {
    cursor: pointer;
    background-color: #323ff8ad;

    i {
      color: #fff;
    }
  }

  .right_toggeler {
    padding-top: 16px;
    position: absolute;
    right: 0px;
    z-index: 22;
    top: 50%;
    width: 10px;
    margin-top: -25px;
    height: 50px;
    background-color: #eef1f6;
    border-radius: 8px 0px 0px 8px;

    i {
      margin-left: -2px;
    }
  }

  .right_toggeler:hover {
    cursor: pointer;
    background-color: #323ff8ad;

    i {
      color: #fff;
    }
  }

  .bk_header {
    border-bottom: 1px solid #ddd;
    height: 40px !important;
    position: relative;
    $menuBg: #1966e2;
    menuBg: $menuBg;

    h1 {
      font-size: 15px;
      font-weight: 600;
      line-height: 38px;
      color: #666;
      text-align: left;
      float: left;
      border-bottom: 2px solid #1890ff;
      margin-left: 6px;
    }

    .btn_right {
      float: right;
      width: auto;
      height: 40px;
      line-height: 40px;
      padding-right: 6px;
    }
  }
}

.el-container { height: 100%;}
.bk_full_wapper {
  width: 100%;
  height: 100%;

  .el-main {
    padding: 0px;
  }
}

.bk_full_card {
  width: 100%;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 2px;
  background-color: #fff; position: relative;
  border-radius: 4px;
}

.widget-config-container .config-content {
  padding: 10px !important;
}

.bk_full_wapper_pdtb {
  width: 100%;
  height: 100%;
  padding: 0px;
  background-color: #f9fbfd;

  .el-main {
    padding: 0px;
  }

  ::-webkit-scrollbar {
    background: none;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    right: 3px;
  }

  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 0px solid transparent;
  }

  ::-webkit-scrollbar-track {
    box-shadow: 0 0 0 10px #d7dde800 inset;
  }

  ::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 10px rgba(168, 178, 204, .4) inset;
  }

  ::-webkit-scrollbar-corner {
    background: transparent;
  }
}

.bk_full_wapper_pdlr {
  width: 100%;
  height: 100%;
  padding: 0px 6px;
}

.bk_full_height {
  height: 100%;
}

.bk_padding_full {
  padding: 6px;
}

.bk_padding_le_rg {
  padding-right: 6px;
  padding-left: 6px;
}

.height_auto {
  height: auto !important;
}
.bk_footer{ padding: 0px;}
.center_text{text-align: center;}
.pd_tf6{ padding: 6px 0px;}
.top_line{ border-top:1px solid #ccc; padding-top: 6px;}
.bk_box_wapper {
  width: 100%;
  height: 100%;
  margin: 0px;
  overflow: hidden;

  /*左侧div样式*/
  .bk_left_wapper {
    width: 270px;
    /*左侧初始化宽度*/
    height: 100%;
    background: #f6f7f9;
    float: left;
  }

  /*拖拽区div样式*/
  .bk_resize_wapper {
    cursor: col-resize;
    float: left;
    position: relative;
    top: 0px;
    width: 10px;
    height: 100%;
    background-color: #f6f7f97a;
    line-height: 40px;
    font-size: 32px;
    color: white;
  }

  .bk_resize_wapper span {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    background-color: #e4e9ef;
    width: 10px;
    border-radius: 5px;
  }

  /*拖拽区鼠标悬停样式*/
  .bk_resize_wapper:hover {
    color: #1966E2;
  }

  /*右侧div'样式*/
  .bk_mid_wapper {
    float: left;
    width: calc(100% - 280px);
    /*右侧初始化宽度*/
    height: 100%;
    background: #ededee;
    padding: 0px;
    padding-left: 0px;
    box-shadow: -1px 4px 5px 3px rgba(0, 0, 0, 0.11);

    .section {
      padding: 0px;
      background-color: #fff;
      border-radius: 4px;
      height: 100%;

      &.pdbot_none {
        padding-bottom: 2px;
      }

      .el-tabs {
        width: 100%;
        height: 100%;
      }

      .el-header {
        padding: 0px;
      }

      .el-header.pdbt {
        padding-bottom: 6px;
        padding-top: 6px;
        border-bottom: 1px solid #ddd;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .el-header.half {
        font-size: 15px;
        padding: 4px 6px;
        border-bottom: 1px solid #ddd;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-image: linear-gradient(to top, #f3f9ff, #c2d6ec);
      }
    }

    .bk_header {
      border-bottom: 1px solid #ddd;
    }
  }
}
.el-header.pdbt {
  padding-bottom: 4px;
  padding-top: 6px;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-header.half {
  font-size: 15px;
  padding: 4px 6px;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: linear-gradient(to top, #f3f9ff, #c2d6ec);
}
.bk_box {
  width: 100%;
  height: 100%;
  margin: 0px;
  overflow: hidden;

  /*左侧div样式*/
  .bk_left {
    width: 270px;
    /*左侧初始化宽度*/
    height: 100%;
    background: #f6f7f9;
    float: left;
    box-shadow: -1px 4px 5px 3px #c0c9da;
  }

  /*拖拽区div样式*/
  .bk_resize {
    cursor: col-resize;
    float: left;
    position: relative;
    top: 0px;
    width: 10px;
    height: 100%;
    background-color: #f6f7f97a;
    line-height: 40px;
    font-size: 32px;
    color: #a8b2cc;
  }

  .bk_resize span {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    background-color: #e4e9ef;
    width: 10px;
    border-radius: 5px;
  }

  /*拖拽区鼠标悬停样式*/
  .bk_resize:hover {
    color: #1966E2;
  }

  /*右侧div'样式*/
  .bk_mid {
    float: left;
    width: calc(100% - 280px);
    /*右侧初始化宽度*/
    height: 100%;
    background: #ededee;
    padding: 6px 0;
    padding-left: 0px;
    box-shadow: -1px 4px 5px 3px rgba(0, 0, 0, 0.11);

    .el-main {
      padding: 0px !important;
    }
    .el-main.clear_padding {
      padding-left: 6px !important;
      .bk_gridtable{border-top: 1px solid #e8eaec;}
      .el-main.el_padding{padding-right: 6px !important;}
    }

    .section {
      padding: 8px;
      padding-top: 0px;
      background-color: #fff;
      border-radius: 4px;
      height: 100%;

      &.pdbot_none {
        padding-bottom: 2px;
      }

      .el-tabs {
        width: 100%;
        height: 100%;
      }

      .el-header {
        padding: 0px;
      }
    }

    .bk_header {
      border-bottom: 1px solid #ddd;
    }
  }
}

//上下区域拉伸改变
.bk_height_box {
  width: 100%;
  height: 100%;
  margin: 0px;
  overflow: hidden;

  .bk_top_box {
    width: 100%;
    height: 70%;
    /*上部分初始化宽度*/
  }

  .bk_center_resize {
    cursor: row-resize;
    width: 100%;
    height: 4px !important;
    background-image: linear-gradient(to right, rgb(228 233 239 / 48%), rgb(214 219 230), rgb(228 233 239 / 42%));
    text-align: center;
    position: relative;
    color: #a8b2cc;
    font-size: 24px;

    &::after {
      content: "…";
      position: absolute;
      left: 50%;
      top: -6px;
      line-height: 1px;
    }

    &:hover {
      cursor: row-resize;
      color: #1890ff;
    }
  }

  .bk_bot_box {
    width: 100%;
    height: calc(30% - 4px);
  }

}

.height_resize {
  cursor: row-resize;
  width: 100%;
  height: 4px !important;
  background-image: linear-gradient(to right, rgb(228 233 239 / 48%), rgb(214 219 230), rgb(228 233 239 / 42%));
  text-align: center;
  line-height: 4px;
  font-size: 32px;
  color: #fff;

  &:hover {
    cursor: row-resize;
    color: #1890ff;
  }
}

.form_dialog {
  height: 100%;

  .el-dialog__body {
    height: 100%;
    padding: 10px;
  }

  .formaking_bk {
    height: calc(90vh - 55px);

    aside {
      padding: 0px;
      background-color: transparent;
    }
  }

  .widget-config-container .config-tab {
    width: 50%;
  }

  .widget-config-container aside {
    padding: 0px;
  }

}

.bk_body {
  height: 100%;
  writing-mode: 100%;
  padding: 10px;

  .bk_card {
    border: 1px solid #ddd;
    width: 100%;
    height: 100%;
    border-radius: 4px;
  }
}

.el-tree.formtree {

  .el-tree-node.is-current.is-focusable {
    background-color: rgb(219, 230, 245);
  }

  .el-tree-node:focus>.el-tree-node__content {
    background-color: transparent;
  }

  .el-tree-node__content {
    height: 30px;
  }

  .el-tree-node__content:hover {
    background-color: #fff;
  }
}

.bk-toolbar {
  margin: 0px;
  padding: 2px 8px;
  height: auto;
  position: relative;
  border-bottom: 1px #e9ebef solid;
  width: 100%;
  display: inline-block;
  &.rytbr{ height: 100%; padding-top: 7px;
  .vxe-button.size--mini {
      font-size: 13px;
  }
  }
  .el-input--medium .el-input__inner {
    height: 34px;
    line-height: 34px;
  }

  .el-button+.el-button {
    margin-left: 6px;
  }

  .toolbar-left {
    float: left;
    width: auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 6;
  }

  .toolbar-right {
    float: right;
    width: auto;
    display: inline-block;
    // overflow: hidden;
    text-align: right;
    position: relative;
    z-index: 6;
  }

  .bk-button-group {
    display: inline-block;
    margin-right: 6px;
    border-right: 1px solid #cbd0e4;
    padding-right: 6px;
    vertical-align: middle;
    .text{
      font-size: 12px;
    }
  }
}

.bk-toolbar.bk_small_toolbar {

  background: #e8eaf1;
  [class^=el-icon-], [class*=" el-icon-"] {
    font-size: 16px;}
  .el-button--medium {
    padding: 4px 2px;
  }

  .el-button--medium.el-button--text { vertical-align: middle;
    padding: 4px 2px;
  }

  .el-button [class*=el-icon-]+span {
    margin-left: 2px;
  }

  .el-button--mini .iconfont {
    font-size: 15px;
  }

  .el-button--mini.is-circle {
    padding: 4px;

    & i {
      font-size: 15px;
    }
  }

  .el-button--text {
    color: #051a56;
  }

  .el-button--text:hover {
    color: #3574fc;
  }

}

.el-header.bk_header {
  padding: 0px;
  position: relative;

  .bk_title {
    position: absolute;
    z-index: 0;
    text-align: center;
    line-height: 46px;
    width: 100%;
    left: 0px;
    top: 0px;
    font-size: 22px;

  }

}

.el-main.none_padding {
  padding: 0px 0px;
}

.ul_box {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding-top: 8px;
}

.ul_box .line {
  position: absolute;
  left: 58px;
  top: 0px;
  width: 2px;
  height: 100%;
  background-color: #D7D7D7;
  z-index: 2;
}

.left_navdate {
  padding-top: 0px;
  width: 58px;
  position: relative;
  float: left;
  z-index: 4;

  & li {
    width: 100%;

    & a {
      position: relative;
      line-height: 32px;
      text-align: left;
      width: 100%;
      display: block;
      font-size: 18px;
      height: 32px;
      color: #333;
      padding-left: 4px;
    }

    & a em {
      display: inline-block;
      width: 10px;
      position: absolute;
      top: 11px;
      right: -6px;
      height: 10px;
      background-color: #D7D7D7;
      border-radius: 5px;
    }
  }

  & li.active a em {
    background-color: #f90;
    border: 3px #D7D7D7 solid;
    width: 22px;
    height: 14px;
    right: -13px;
    top: 9px;
    border-radius: 7px 0px 0px 7px;
  }

  & li.active a {
    color: #f90;
  }
}

.right_navmue {
  margin-top: 20px;
  padding-top: 4px;
  width: auto;
  position: relative;
  z-index: 2;
  margin-left: 70px;
  border-left: 1px #D7D7D7 solid;

  // border-top: 1px #D7D7D7 solid;
  .mingxi {
    position: absolute;
    top: -24px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  & li {
    width: 100%;

    & a {
      line-height: 20px;
      text-align: left;
      width: 100%;
      display: block;
      font-size: 14px;
      height: auto;
      color: #333;
      padding: 10px 4px;
      border-bottom: 1px dashed #D7D7D7;
    }
  }

  & li.active a {
    color: #f90;
  }
}

.ul_box.report {
  padding-top: 0px;

  .line {
    left: 120px;
    background-color: #ff9900;
  }

  .left_navdate {
    width: 120px;
    padding-top: 8px;
    height: 100%;
    background-color: #e4e9ef;

    & li {
      padding-left: 4px;
    }

    & li a {
      height: auto;
      line-height: 20px;
      font-size: 15px;
      background-color: #ffffff;
      padding: 10px 4px;
      margin-bottom: 8px;
      // border-bottom: 1px #d7d7d7 solid;
      // border-left: 1px #d7d7d7 solid;
      // border-top: 1px #d7d7d7 solid;
    }

    & a em {
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
      width: 0px;
      height: 0px;
    }

    & li.active a {
      color: #fff;
      // border-bottom: 1px #f90 solid;
      // border-top: 1px #f90 solid;
      background-color: #f90;
      // border-left: 1px #f90 solid;
    }

    & li.active a em {
      width: 14px;
      right: -7px;
      border: 0px;
      border-radius: 7px;
      height: 14px;
    }
  }

  .right_navmue {
    margin-left: 132px;
    margin-top: 30px;
    height: 50%;
    border-bottom: 1px #d7d7d7 solid;
    background-color: #fff;
    border-right: 1px #d7d7d7 solid;
    border-top: 1px #d7d7d7 solid;

    & li a {
      position: relative;
      padding-left: 12px;

      & span {
        display: none;
        margin-right: 4px;
        border: 1px #333 solid;
        background-color: #ffffff;
        color: #2b0505;
        padding: 0px 4px;
        border-radius: 12px;
        min-width: 25px;
        text-align: center;
        line-height: 16px;
        left: 5px;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
      }

    }

    & li.active a span {
      border: 1px #f90 solid;
      background-color: #ffffff;
      color: #ff9900;
    }
  }

  .top_bb_box {
    width: auto;
    height: 100%;
    overflow: auto;
  }
}

.right_fot_report {
  margin-left: 132px;
  height: calc(50% - 72px);
  border: 1px #d7d7d7 solid;
  background-color: #fff;
  margin-top: 35px;
  position: relative;

  .mingxi {
    top: -32px;
    text-align: left;
  }

  .fot_report_btn {
    position: absolute;
    right: 0px;
    top: -32px;
    width: auto;
    height: 30px;
    z-index: 8;
  }
}

.mingxi {
  position: absolute;
  top: 0px;
  width: 100%;
  text-align: center;
  color: #999;
  font-size: 13px;
  line-height: 20px;
  border-bottom: 0px #D7D7D7 solid;
}

.bk_aside_bd {
  border-right: 1px #ddd solid;
}

.right_bar {
  padding: 6px;

  .el-divider--horizontal {
    margin: 14px 0px;

    .el-divider__text {
      background-color: #f6f7f9;
      width: auto;
      padding: 0 10px;
      color: #999;
    }
  }

  .center_line .el-divider__text {
    width: 120px;
  }

  .col_btn {
    padding-bottom: 8px;
  }

  .el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    // background: #fff;
    // border: 1px solid #cfdcf3;
    // color: #6f7177;
    position: relative;

    // &:hover{background: #d6e5f3;
    //   border: 1px solid #5d90e9;}
  }

  .el-button--medium {
    width: 100%;
    padding: 30px 4px 6px;
    font-size: 13px;

    & i {
      position: absolute;
      top: 7px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      font-size: 20px;
      height: 30px;
    }
  }

  & span {
    width: 96%;
    text-align: center;
    line-height: 16px;
    white-space: normal;
    padding: 0 -2px;
    margin-left: 0px !important;
  }
}

//拥有标题和操作按钮头部样式
.bk_header_has_tap {
  padding: 0 0px !important;
  position: relative;

  .el-button--medium.el-button--text {
    padding: 4px 2px;
  }

  .el-button [class*=el-icon-]+span {
    margin-left: 2px;
  }

  .el-button--mini .iconfont {
    font-size: 15px;
  }

  .el-button--mini.is-circle {
    padding: 4px;

    & i {
      font-size: 15px;
    }
  }

  .tap_title {
    width: 100%;
    height: 32px;
    border-bottom: 1px #e4e9ef solid;

    & h1 {
      display: inline-block;
      padding: 0 4px;
      border-bottom: 2px #f90 solid;
      height: 100%;
      margin-top: 2px;
      font-size: 16px;
      line-height: 30px;
    }
  }

}

// 控制我的引入图标字体的样式
.el-button [class*=iconfont]+span {
  margin-left: 3px
}

//修改整体布局样式基础
.pdtop6 {
  padding-top: 6px !important;
}

.vxe-input.input_bk {
  width: auto !important;
}

//表格自定义区域
  ::v-deep .vxe-table{font-family: 'Microsoft Yahei', Helvetica Neue, Tahoma, Helvetica, Verdana, Arial, Helvetica, AppleGothic, sans-serif !important;}
  .vxe-table{font-family: 'Microsoft Yahei', Helvetica Neue, Tahoma, Helvetica, Verdana, Arial, Helvetica, AppleGothic, sans-serif !important;}
  .table_none_hear_foot{
    .bk_gridtable {
      .vxe-table {
        height: calc(100% - 4px) !important;
        max-height: calc(100% - 4px) !important;

        .vxe-table--main-wrapper {
          height: 100%;
        }
      }
      .vxe-table--empty-content {
        background: none;
        padding-top: 0px;
        color: #b0bbd4;
      }

      .vxe-table.size--mini .vxe-table--empty-placeholder {
        min-height: 10px;
      }

    }

  }
  .table_has_two_header{
    .bk_gridtable {
      .vxe-table {

        .vxe-table--main-wrapper {
          height: 100%;
        }
      }
      .vxe-table--body-wrapper.body--wrapper {
        height: calc(100% - 72px) !important;
        max-height: calc(100% - 72px) !important;
    }
    }

  }
  .table_small_nopic{ position: relative;
    .bk_absolute_header{ position: absolute; z-index: 22; right:104px; top: 0px; height: 36px; width:calc(100% - 104px) ;}
    .bk_gridtable {
      // .vxe-table {
      //   height: calc(100% - 4px) !important;
      //   max-height: calc(100% - 4px) !important;

      //   .vxe-table--main-wrapper {
      //     height: 100%;
      //   }
      // }
      .vxe-table--empty-content {
        background: none;
         padding-top: 0px;
        color: #b0bbd4;
      }

      .vxe-table.size--mini .vxe-table--empty-placeholder {
         min-height: 10px;
      }

    }

    }
 .table_none_foot{
  .bk_gridtable {
    .vxe-toolbar.size--mini {
      font-size: 12px;
      height: 36px;
  }
    .vxe-table {
      height: calc(100% - 38px) !important;
      max-height: calc(100% - 38px) !important;

      .vxe-table--main-wrapper {
        height: 100%;
      }
    }
    .vxe-table--empty-content {
      background: none;
       padding-top: 0px;
      color: #b0bbd4;
    }

    .vxe-table.size--mini .vxe-table--empty-placeholder {
       min-height: 10px;
    }

  }

}
.bk_gridtable {
  width: 100%;
  height: 100%;
  .vxe-toolbar {font-family: 'Microsoft Yahei', Helvetica Neue, Tahoma, Helvetica, Verdana, Arial, Helvetica, AppleGothic, sans-serif !important;
  &.size--mini {
      height: 42px;
  }
  .shezhi_col{ width: 136px; height:28px; margin-top: 4px;
    & span.shezhi{font-size:13px; display: inline-block; width: 80px; padding-left: 6px; float: left; line-height: 28px;
      vertical-align: middle;}
  }
  & span.ziji{font-size:13px; display: inline-block;
    vertical-align: middle;}

    .vxe-switch {
      padding:3px .4em;}
  }
  .vxe-table.size--mini {
    font-size: 14px;
    font-weight: 400;
    color: #222;
    font-family: 'Microsoft Yahei', Helvetica Neue, Tahoma, Helvetica, Verdana, Arial, Helvetica, AppleGothic, sans-serif;
  }

  .vxe-grid {
    height: 100%;
  }

  .vxe-table {
    height: calc(100% - 78px) !important;
    max-height: calc(100% - 78px) !important;

    .vxe-table--main-wrapper {
      height: 100%;
    }
  }

  .vxe-table--body-wrapper.body--wrapper {
    height: calc(100% - 36px) !important;
    max-height: calc(100% - 36px) !important;
  }
  .vxe-table.border--full .vxe-table--fixed-left-wrapper
   {height:calc(100% - 12px) !important;
    max-height:calc(100% - 12px) !important;}
  .vxe-table.is--round.show--head:not(.show--foot) .vxe-table--body-wrapper.fixed-left--wrapper{ max-height:calc(100% - 36px) !important;}
  .vxe-table--empty-content {
    background: url(~@/assets/bk_img/none.png) no-repeat center top;
     padding-top: 113px;
    color: #b0bbd4;
  }

  .vxe-table.size--mini .vxe-table--empty-placeholder {
     min-height: 220px;
  }

  .vxe-button+.vxe-button,
  .vxe-button--dropdown+.vxe-button, .vxe-button--dropdown+.vxe-button--dropdown,
  .vxe-button+.vxe-button, .vxe-button+.vxe-button--dropdown, .vxe-input+.vxe-button, .vxe-input+.vxe-button--dropdown {
    margin-left: 6px;
  }

  .vxe-button--dropdown-wrapper>.vxe-button {
    margin: 2px 0;
  }
  .vxe-button--dropdown-wrapper>.vxe-button.type--text.size--mini {
  padding: 4px 8px; font-size: 14px; text-align: left;
  }
 .bk_tools{ padding-left: 6px; padding-right: 6px;}
 .vxe-toolbar .vxe-tools--wrapper{ padding-right: 6px;
  .el-button--mini.is-circle {
    padding: 5px;
 }
 }
 .el-divider--horizontal {
  margin: 4px 0;
  }
  .vxe-button.size--mini.type--button {
    height: 28px;
    font-size: 13px;
     }
    .vxe-button.type--button:not(.is--circle) {
      padding: 0 0.5em;
          }
    .vxe-button.size--mini.type--button.is--circle {
            font-size: 12px;
        }
  .picl_wapper{ position: relative; width: 100px;height: auto; margin-left: 28px; border-left: 1px #ddd solid;
    &.shuchu{width: 182px;}
    .vxe-button {
      margin: 2px 0;
      display: block;
      width: 100%;
      border: 0;
   }
   .vxe-button.type--text.size--mini {
    padding: 4px 8px;
    font-size: 14px;
    text-align: left;
   }
   .left_radio{ position: absolute; left: -24px; top: 50%;-webkit-transform: translate(0%,-50%);  -moz-transform: translate(0%,-50%); transform:translate(0%,-50%);
         width: 20px; height: auto;
         .vxe-radio .vxe-radio--label{white-space: normal; padding-left: 0; padding-top: 4px;}
         .vxe-radio {
          display: inline;
          vertical-align: middle;
          white-space: normal;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          line-height:16px;}
   }
  }
  .vxe-pager .vxe-pager--jump .vxe-pager--goto {height: 25px;}
  .vxe-button--content, .vxe-button--icon, .vxe-button--loading-icon {
    vertical-align: middle;
    font-size: 13px;
    line-height: 16px;
}
.vxe-custom--wrapper{
  .vxe-button.size--mini .vxe-button--icon{line-height: 13px;}
}
.vxe-checkbox.size--mini {
  font-size: 13px;
}
}
.shezhi_col{ width: 136px; height:28px; margin-top: 4px;
  & span.shezhi{font-size:13px; display: inline-block; width: 80px; padding-left: 6px; float: left; line-height: 28px;
    vertical-align: middle;}
}
.top_line .vxe-button.size--small {
  font-size: 13px;
  line-height: 14px;
}
.el-footer .vxe-button.size--small {
  font-size: 13px;
  line-height: 14px;
}
.grid_top_btn_box {
  // padding-top: 5px;

  // padding-bottom: 5px;
  // margin-top: 4px;
  .el-form-item--small.el-form-item {
    margin-bottom: 0px;
  }

}

.bk_box .bk_mid .grid_top_btn_box .el-main {
  overflow: hidden;
  padding: 6px 0px !important;
  margin-top: 6px;
  // background-color: #eeeeef;
}

//修改tabs的样式
.bk_tabs_full {
  width: 100%;
  height: 100%;
  .el-tabs{ height: 100%;width: 100%;}
  .el-tabs__header {
    margin-bottom: 0px; height: 40px;

    .el-tabs__item .el-icon-close {
      background-color: transparent;
    }

    .el-tabs__item .el-icon-close:before {
      color: transparent;
    }

    .el-tabs__item.is-active .el-icon-close {
      background-color: whitesmoke;
    }

    .el-tabs__item.is-active.is-closable {
      padding: 0 8px;
    }

    .el-tabs__item.is-closable {
      padding: 0 8px;
    }

    .el-tabs__item.is-closable:before {
      width: 12px;
      height: 4px;
      content: "";
      display: inline-block;
    }

    .el-tabs__item:hover {
      .el-icon-close {
        background-color: #97b1e7;
      }

      .el-icon-close:before {
        color: #fff;
      }
    }

    .el-tabs__item.is-active {
      color: #051a56;
    }
    .el-tabs__nav-scroll{height: 40px;}
  }

  .el-tabs__content {
    height: calc(100% - 40px);
    padding:0;
    .el-tab-pane {
      width: 100%;
      height: 100%;
    }
  }

}

.top_tabs {
  .el-tabs__nav-wrap {
    padding: 0 0px;
  }
}

//修改vxe的弹框及自定义
.vxe-modal--wrapper.type--message .vxe-modal--body{ padding: 12px !important;
  .vxe-modal--content{padding: 0px !important; font-size: 15px;}
}
.bk_ts{
  .el-message-box__message p {
  margin: 0;
  line-height: 24px;
  font-size: 18px;
}
&.ts_lodading{
  .el-message-box__container {
    color: #0444ad;}
  .el-message-box__status {
    top: 10%;}
  // .el-message-box__message p {color: #0444ad;}
}
&.ts_scssess{

  .el-message-box__container {
    color: #07b441;}

}
}

.vxe-modal--wrapper .vxe-modal--body {
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
  padding: 0px !important;
  .el-main{padding: 0px;}
  .vxe-form.size--mini {
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
  }
}

.no_maximize {
  .vxe-modal--zoom-btn {
    display: none;
  }
}

//修改机构信息录入样式
.jiange_box{    display: block;
  height: 4px;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
.vxe-row>.el-card .vxe-col--6 {
  float: left;
  width: 25%;
}
.my_divider.el-divider{
  .el-divider__text.is-left{font-weight: 600 !important; left: 0px; padding-left: 0px;}
}
.el-card.bk_form {
  padding: 0px;
  margin: 10px;

  .el-card__body {
    padding: 6px 0px;
    overflow: hidden;


    h1 {
      width: 100%;
      height: 20px;
      line-height: 20px;
      font-size: 14px;
      color: #222;
      font-weight: 600;
      padding-left: 10px;
    }
  }
}

.bk_zhishu_card {
  padding: 8px 8px 8px 80px;
  margin: 10px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #e6ebf5;

  p {
    position: absolute;
    left: 8px;
    bottom: 4px;
    width: auto;
    z-index: 7;

    span {
      display: block;
      line-height: 30px;
      height: 30px;
      color: #333;
    }
  }

  .el-col-5 {
    width: 20% !important;
  }
}

.bk_zhishu_body {
  border: 1px #eee solid;
  border-radius: 4px;
  background-color: #eee;
  padding: 0px;
  margin: 0px;
  height: 90px;
  text-align: center;

  h1,
  h2,
  h3 {
    font-size: 14px;
    color: #222;
    font-weight: 400;
    width: 100%;
  }

  h1 {
    height: 38px;
    line-height: 38px;
  }

  h2 {
    height: 28px;
    background-color: #fff;
    line-height: 28px;
  }

  h3 {
    height: 24px;
    line-height: 24px;
  }

  .el-input-number--mini {
    width: auto !important;
    min-width: 80px;
    line-height: 26px;

    .el-input-number__increase {
      right: 1px;
      border-radius: 0;
      border-left: 0px solid #DCDFE6;
    }

    .el-input-number__decrease {
      left: 1px;
      border-radius: 0px;
      border-right: 0px solid #DCDFE6;
    }

    .el-input__inner {
      border-radius: 0px;
    }

    .el-input--mini {
      font-size: 13px;
    }
  }

  .el-input-number--mini .el-input__inner {
    border: 0px solid #DCDFE6;
    padding-left: 28px;
    padding-right: 28px;
  }
}

// .bk_form_box.vxe-form.size--mini {
//   font-size: 13px;
// }
label {  font-weight: 400; }
.bk_form_box {
  .vxe-checkbox.size--mini {
    font-size: 13px;
}
  label {  font-weight: 400; }
  &.vxe-form {    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    .vxe-form--item {
      display: none;
      padding: 4px .8em 2px 0;
  }
    &.size--mini {
      font-size: 13px;
    }
  }
  .el-row {
    position: static;
  }

  .el-divider--horizontal {
    margin: 12px 0;
  }

  .bk_form_wapper {
    padding: 8px 10px 0px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;

    .el-input-number--mini {
      width: auto !important;
      min-width: 80px;
      line-height: 26px;

      .el-input-number__increase {
        right: 1px;
        border-radius: 0;
        border-left: 0px solid #DCDFE6;
      }

      .el-input-number__decrease {
        left: 1px;
        border-radius: 0px;
        border-right: 0px solid #DCDFE6;
      }

      .el-input__inner {
        border-radius: 0px;
      }

      .el-input--mini {
        font-size: 13px;
      }
    }

    .el-input-number--mini .el-input__inner {
      border: 0px solid #DCDFE6;
      padding-left: 28px;
      padding-right: 28px;
    }
  }

  .table_map {
    border: 1px solid #ddd;
    margin: 0px auto;
    color: #606266;
    font-size: 18px;
    width: 100%;
  }

  .table_map td,
  .table_map th {
    font-size: 13px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }

  .table_map th {
    font-weight: 400;
    color: #606266;
    height: auto;
    line-height: 16px;
    background: #eee;
    padding: 4px 0px;
  }

  .table_map td {
    height: 28px;
    padding: 0px;
    line-height: 28px;
  }

  .table_map tr:nth-child(2n+1) td {
    background-color: #f5f7fa;
  }

  .table_map tr:nth-child(3) td,
  .table_map tr:nth-child(3) th {
    background-color: #f5f7fa;
    color: #337ab7;
  }

  .table_map tr:nth-child(1) th {
    height: 42px;
  }

}

.vxe-modal--wrapper .vxe-modal--footer {
  background-color: #f8f8f8;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center !important;
  padding: 6px 1em 6px !important;
}
::v-deep .vxe-form.size--mini {
  font-size: 12px;
}
.bk_half_wapper_card {
  width: 50%;
  border: 1px #eee solid;
  padding: 0px;
  border-radius: 4px;
}
// .vxe-modal--wrapper .vxe-modal--body .vxe_modal_btn .el-main{ padding-top: 2px!important;}
  .el-footer.vxe_modal_btn{background: #f2f8fe; margin-top: 6px;
    .el-container{text-align: center; padding: 6px;
      .vxe-button--content, .vxe-button--icon, .vxe-button--loading-icon {
        vertical-align: initial !important;
    }
      .vxe-button.size--mini {
        font-size: 13px !important;
    }
    & .el-main{ padding-top: 2px!important;}
    & .el-aside{ padding: 0px; background-color: transparent;}
    }
  .footer_btn{ text-align: center; padding: 6px; overflow: hidden;
    .vxe-button--content, .vxe-button--icon, .vxe-button--loading-icon {
      vertical-align: initial !important;
  }
    .vxe-button.size--mini {
      font-size: 13px !important;
  }
  }
}

//临时修改操作按钮区域
.linshi_btn {
  position: absolute;
  z-index: 10;
  right: 0px;
  top: 6px;
  padding-right: 6px;
}

.btn_linshi_box {
  position: absolute;
  right: 0px;
  top: 34px;
  width: 200px;
  background: #f6f7f9;
  padding: 4px;
  margin-bottom: 0px;
  border-radius: 4px;
  border: 1px #ddd solid;
  z-index: 12;
}

.tj_top_input.vxe-select {
  width: 100% !important;
}
.left_tree_tap {
  height: calc(100% - 34px);

  .el-tabs__nav-wrap {
    padding: 0 8px;
  }

  .el-tabs__header {
    margin-bottom: 0px;
  }

  .el-tabs__content {
    height: calc(100% - 40px);

    .el-tab-pane {
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }

  .el-tabs__item {
    font-size: 14px;
  }

}
//修改tabs样式
.left_tree_tap
{
   &.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active
   {
  color: #1890ff;
  background-color: #FFFFFF;
  border-right-color: #DCDFE6;
  border-left-color: #DCDFE6;
  border-top: 3px #409eff solid;
  height: 37px;
  margin-top: 3px;
  padding: 0 12px !important;
   }
   &.el-tabs--border-card > .el-tabs__header .el-tabs__item {color: #494c56;}
   &.el-tabs--border-card{ border: 0px;
     .el-tabs__item {
    padding: 0 12px !important;
    height: 37px;
    line-height: 32px;margin-top: 3px; border-top: 3px transparent solid;
   }
  }
   &.el-tabs--border-card > .el-tabs__content {
    padding:0px;
}
&.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: 0px;
}
}
//步骤圈文字
.buzhou_box{
  width: auto;
  height: 28px;
  position: relative;
  line-height: 28px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden; font-size: 14px; color: #0a2e48;
  text-overflow: ellipsis;
   .list_box{
     width: 22px;
    border: 2px #ffb547 solid;
    border-radius: 15px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    margin-right: 6px; height: 22px;
    line-height: 18px;}
}
.beizhu_p{ width: 100%; height: auto; padding: 10px; line-height: 28px; font-size: 14px; color: #666;
& p{ padding: 0px; margin: 0px; line-height: 28px; font-size: 14px;}
}
//excel信息采集样式
.caiji_body{ width: 100%; height: 100%; position: relative;
  .mokuai_card{width: 800px; height:auto; margin: 0px auto; padding-top: 7px;}
  .rigt_fot_bj{display: none; position: absolute; z-index: 1; right: 0px; bottom: 0px; width:10rem; height:8rem; background: url(~@/assets/bk_img/fotbj.png) no-repeat right bottom; background-size: 100% auto;}
  .rigt_top_bj{display: none; position: absolute; z-index: 1; left: 0px; top: 0px; width:26rem; height:12rem; background: url(~@/assets/bk_img/top.png) no-repeat right bottom; background-size: 100% auto;}

//   & h1{     text-align: center;
//      height: 50px;
//      line-height: 30px;
//      font-size: 38px;
//      font-weight: 600;
//      color: #0b67f9;
//      text-shadow: 1px 1px 1px #fdfbfb; display: none;
//  }
 & h4{text-align: left;
  height: 40px; padding-top: 12px;
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-shadow: 1px 1px 1px #fdfbfb;
  & span{ color: f90;}
}
 ::v-deep .vxe-row>.vxe-col--4 {
     float: left;
     width: 20%;
 }
 }
.icon-list{
  font-size: 26px;
  text-align: center;
  border-top: 1px solid #7c92b37d;
  border-left: 1px solid #7c92b37d;
  overflow: hidden;
  margin: 0
}
.icon-list:after {
  content: "";
  clear: both
}
.icon-list > li{
  height: 110px;
  border-right: 1px solid #7c92b37d;
  border-bottom: 1px solid #7c92b37d;
  cursor: pointer;
  padding-top: 10px;background-color: #ffffff61;
}
.icon-list > li > i{
  color: #606266;
  border-color: #0d4bb5
}
.icon-list > li:hover > i{
  color: #5cb6ff;
  border-color: #5cb6ff
}
.icon-list > li > p{ width: 48px; height: 48px;  margin: 0 auto;
  &.one{background: url(~@/assets/bk_img/mbdc.png) no-repeat center; background-size: 80% 80%;}
  &.two{background: url(~@/assets/bk_img/mbdc_gr.png) no-repeat center; background-size: 80% 80%;}
  &.three{background: url(~@/assets/bk_img/sjdc.png) no-repeat center; background-size: 80% 80%;}
  &.four{background: url(~@/assets/bk_img/sjdr_f.png) no-repeat center; background-size: 80% 80%;}
  &.five{background: url(~@/assets/bk_img/sjdrb.png) no-repeat center; background-size: 80% 80%;}
}
.icon-list > li:hover > p{ width: 48px; height: 48px;  margin: 0 auto;
  &.one{background: url(~@/assets/bk_img/mbdch.png) no-repeat center; background-size: 80% 80%;}
  &.two{background: url(~@/assets/bk_img/mbdc_grh.png) no-repeat center; background-size: 80% 80%;}
  &.three{background: url(~@/assets/bk_img/sjdch.png) no-repeat center; background-size: 80% 80%;}
  &.four{background: url(~@/assets/bk_img/sjdr_fh.png) no-repeat center; background-size: 80% 80%;}
  &.five{background: url(~@/assets/bk_img/sjdrbh.png) no-repeat center; background-size: 80% 80%;}
}
.icon-list > li:hover .title{ color: #265CFF !important;}
.icon-list > li .title{
  font-size: 14px;
  margin-top: 0px; color:#0a3888;
  & span{ display:block; color: #999;}
}
@media only screen and (max-width: 1366px) {
  .icon-list > li{
    height: 90px;
    padding-top: 2px;
  }
  .icon-list > li > p{ width: 40px; height: 40px;}
  .icon-list > li:hover > p{ width: 40px; height: 40px; }
}
//start
.icon_list_js{
  font-size: 26px;
  text-align: center;
  overflow: hidden;
  margin: 0
}
.icon-list:after {
  content: "";
  clear: both
}
.icon_list_js > li{
  height: 110px;
  padding: 8px;
  cursor: pointer;
  padding-top: 10px;background-color: #ffffff61;
}
.icon_list_js> li > i{
  color: #606266;
  border-color: #0d4bb5
}
.icon_list_js > li:hover > i{
  color: #5cb6ff;
  border-color: #5cb6ff
}
.icon_list_js > li > p{ letter-spacing: 1px; width: 100%; height: 100%;  border-radius: 4px; position: relative; text-align: center; line-height: 94px; color: #fff; font-size: 18px;}
.icon_list_js > li > p.one{
  background-image:  -webkit-linear-gradient(to top, #2b8af0, #2989f0);
    background-image: -o-linear-gradient(to top, #2b8af0, #2989f0);
    background-image: -moz-linear-gradient(to top, #2b8af0, #2989f0);
    background-image: linear-gradient(to top, #2b8af0, #2989f0);
    &:hover{
    background-image:  -webkit-linear-gradient(to top, #007aff, #00b9ff);
    background-image: -o-linear-gradient(to top, #007aff, #00b9ff);
    background-image: -moz-linear-gradient(to top, #007aff, #00b9ff);
    background-image: linear-gradient(to top, #007aff, #00b9ff);
    }
}
.icon_list_js > li > p.two{
  background-image:  -webkit-linear-gradient(to top, #44e2db, #5ec7d5);
    background-image: -o-linear-gradient(to top, #44e2db, #5ec7d5);
    background-image: -moz-linear-gradient(to top, #44e2db, #5ec7d5);
    background-image: linear-gradient(to top, #44e2db, #5ec7d5);
    &:hover{
      background-image:  -webkit-linear-gradient(to top, #44e3c7, #6bdcc8);
    background-image: -o-linear-gradient(to top, #44e3c7, #6bdcc8);
    background-image: -moz-linear-gradient(to top, #44e3c7, #6bdcc8);
    background-image: linear-gradient(to top, #44e3c7, #6bdcc8);

    }
}
.icon_list_js > li > p em{ position: absolute; z-index: 0; right: 0px; bottom: 0px; width:100%; height:90%;
  &.one{background: url(~@/assets/bk_img/sj_js.png) no-repeat right bottom; background-size: auto 80%;}
  &.two{background: url(~@/assets/bk_img/sj_ty.png)  no-repeat right bottom; background-size: auto 80%;}
  &.three{background: url(~@/assets/bk_img/sj_gz.png) no-repeat right bottom; background-size: auto 80%;}
  &.four{background: url(~@/assets/bk_img/sj_bb.png) no-repeat right bottom; background-size: auto 80%;}
  &.five{background: url(~@/assets/bk_img/sj_pl.png) no-repeat right bottom; background-size: auto 80%;}
  &.six{background: url(~@/assets/bk_img/sj_bj.png) no-repeat right bottom; background-size: auto 80%;}
  &.seven{background: url(~@/assets/bk_img/sj_pb.png) no-repeat right bottom; background-size: auto 80%;}
  &.jiandan{background: url(~@/assets/bk_img/jiadan.png) no-repeat right bottom; background-size: auto 80%;}
  &.erwei{background: url(~@/assets/bk_img/erwei.png) no-repeat right bottom; background-size: auto 80%;}
  &.danxiang{background: url(~@/assets/bk_img/danxiang.png) no-repeat right bottom; background-size: auto 80%;}

}
@media only screen and (max-width: 1366px) {
  .icon_list_js > li{
    height: 90px;
    padding-top: 2px;
  }
}
//结束数据接收样式
.bk_model.vxe-modal--wrapper{
   .vxe-modal--body {padding: 0px !important;}
}
.bk_samll_search.vxe-input {
  height: 30px;
  width: 100%;
.vxe-input--suffix {
  width: 30px;
  height: 28px;
  top: 1px;
  text-align: center;
  border-left: 1px solid #dcdfe6;
  background-color: #f5f7fa;
  cursor: pointer;
}
 .vxe-input--inner {
  padding-right: 34px;
  border: 1px solid #dcdfe6;
}
}
.bk_samll_search.vxe-input.is--suffix{
  .vxe-input--inner {
    padding-right: 34px;
    border: 1px solid #dcdfe6;
  }
}
.bk_header .navbar .right-menu .right-menu-item .el-badge{ display: none !important;}
.bk_left_tab{
&.el-tabs--border-card > .el-tabs__content {
  padding: 4px 0px; height: 100%;
}
&.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-bottom: 0px;
}
&.el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2){ padding-left: 10px;}
&.el-tabs--left > .el-tabs__header .el-tabs__item:last-child{ padding-left: 10px;}
&.el-tabs--left .el-tabs__item {
  padding: 0 10px;
}
&.el-tabs--left > .el-tabs__header .el-tabs__item:last-child{    padding-right: 10px;}
}
.bk_side.el-aside{
  padding:0px 6px 0px 0px; margin-right:0px; border-right:1px solid #dbe1e7; background-color: #fff;
}
.bk_side_right.el-aside{
  padding:0px; margin-right:0px; border-left:1px solid #dbe1e7; background-color: #fff;
}
.bk_side_right_h.el-aside{
  padding:0px; border-left:1px solid #dbe1e7;}
.el-header.pdrig {
  padding-bottom: 4px;
  padding-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; padding-right: 10px;
}
.mini_bk .vxe-button.size--mini {
  font-size: 13px !important;
}
.height_auto{
  & h3{ height: 30px; font-size: 16px; color: #333; line-height: 30px; margin-top: 10px; }
}
.bk_round_bd{    border: 1px #dbe1e7 solid; border-radius: 4px;}
.pd_rond{ padding: 8px; border: 1px solid #ddd; border-radius: 4px;}

.jg{
  background: url(~@/assets/bk_img/jg.png) no-repeat center;
}
.icon-rs_dw_Cls{background: url(~@/assets/bk_img/jg.png) no-repeat center; background-position:center !important;}
.icon-menu_formman_cls{background: url(~@/assets/bk_img/menu_formman_cls.png) no-repeat center; background-position:center !important;}
.icon-meta_same{background: url(~@/assets/bk_img/meta_same.png) no-repeat center; background-position:center !important;}
.icon-folder{background: url(~@/assets/bk_img/folder.gif) no-repeat center; background-position:center !important;}
.icon-leaf{background: url(~@/assets/bk_img/leaf.gif) no-repeat center; background-position:center !important;}
.icon-dash-line{background: url(~@/assets/bk_img/line.png) no-repeat center; background-position:0px center !important;}
.icon-zzxlxwjygl_Cls{background: url(~@/assets/bk_img/frimg.png) no-repeat center; background-position:center !important;}
.icon-qzkj_Cls{background: url(~@/assets/bk_img/qzkj.png) no-repeat center; background-position:center !important;}

// 任免审批表左侧页签
.my_left_tbas{ width: 100%; height: 100%; position: relative; padding: 6px 0px 6px 42px;border-top: 1px solid #dcdfe6; border-left: 1px solid #dcdfe6; border-right: 1px solid #dcdfe6;
.line{ position: absolute; z-index: 1; left: 34px; top: 0px; width: 1px; height: 100%; border-left: 1px solid #dcdfe6;}
.left_tabs_conner{ width: 100%; height: 100%; overflow: auto;}
.left_tabs {
  padding-top: 0px;
  width: 34px;
  position: absolute; left: 0px; top:0px; height: 100%; background-color: #f0f2f5;
  z-index: 4; margin-top: 0px; border-top: 0px solid #dcdfe6;

  & li {

      position: relative;
      line-height: 16px;
      text-align: center;
      width: 100%;
      display: block;
      font-size: 15px;
      height: auto;
      color: #333;
      padding: 12px 5px;
      border-bottom: 1px solid #dcdfe6;
      &:hover{ cursor: pointer; color: #1890ff;}

  }

  & li.active {
    color: #1890ff; background-color: #fff; width: 36px; border-right: 1px solid #fff;
  }
}
}
//修改蒙层加载样式
.bk_loding{
  .el-loading-spinner .el-loading-text {
    color: #1890ff;
    margin: 3px 0;
    font-size: 20px;
}
.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.el-loading-spinner i {
  font-size: 42px;
  color: #1890ff;
}
.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

}

.bk-toolbar.bk_small_toolbar .save.el-button--text {
  color: #1890ff;
}
// .has_loding{
// .bk_box{pointer-events: none;}}
.has_loding{ position: relative; width: 100%; height: 100%;}
.bk_loading_mask{
  width: 100%; height: 100%; position: fixed; z-index: 1000; left: 0px; top:0px;
  &:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: auto; background-color:rgba(0, 0, 0, 0.6) ;
   }
 .loding_body{ position: fixed; z-index: 112; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);
  width: 200px;
  height: 120px;

  .loading{
    width: 80px; margin: 0 auto;
    height: 60px;
  }
  .loading span{
    display: inline-block;
    width: 8px; margin: 0 4px;
    height: 100%;
    border-radius: 4px;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
    animation: load 1s ease infinite;
  }
  @-webkit-keyframes load{
    0%,100%{
      height: 40px;
      background: lightgreen;
    }
    50%{
      height: 70px;
      margin: -15px 4px;
      background: lightblue;
    }
  }
  .loading span:nth-child(2){
    -webkit-animation-delay:0.2s;
    animation-delay:0.2s;
  }
  .loading span:nth-child(3){
    -webkit-animation-delay:0.4s;
    animation-delay:0.4s;
  }
  .loading span:nth-child(4){
    -webkit-animation-delay:0.6s;
    animation-delay:0.6s;
  }
  .loading span:nth-child(5){
    -webkit-animation-delay:0.8s;
    animation-delay:0.8s;
  }
 }
  .loding_text{ width:auto; height: 40px; text-align: center; line-height: 30px; color: #fff; padding: 5px 20px; font-size: 18px; letter-spacing: 2px;}
}
.has_pic{ position: relative;}
.pic_card{ width: 100%; height: 100%;}
.bk_modal{
  &.modal--wrapper.type--modal .vxe-modal--box{ right: 26px !important; bottom: 46px !important;}
  .vxe-modal--box{right: 26px !important; bottom: 46px; left: auto !important; top: auto !important;}
  &.vxe-modal--wrapper.type--modal .vxe-modal--header {
    padding: .6em 2.6em .6em .6em;
}
}
.pic_box{ width: 100%; padding: 0px; margin: 0px;
.bianji{width: 100%; height: 30px; display: block; text-align: center; line-height: 30px;}

.pic_img{width: 128px; height: 160px; margin:8px auto 0px; display: block;}
}
.bianji{width: 100%;
  text-align: center;
  display: block;}
/*照片模式页面*/
.reyzpk{ width:100%; height:100%; padding:0px 6px; overflow-y:auto;}
.reyzpk ul{width:100%;}
.reyzpk ul li{ padding:0px 5px; margin:8px 0px; width:10%; float:left; display:inline-block; height:260px; text-align:left; font-size:16px; font-weight:100; line-height:25px;
  }
.reyzpk ul li img{width:120px; height:160px; border:0px; display:block;}
.reyzpk ul li .pic{ width:126px; height:160px; border:0px; display:block; margin:5px auto;  padding:4px 3px 0px;}
.reyzpk ul li .text{ border-left: 0px #eee solid; border-bottom: 0px #eee solid; margin: 0 auto; width: 130px; height:90px ; padding-left: 6px; padding-top: 6px; background: url(~@/assets/bk_img/img_pic_left.png) no-repeat left bottom;}
.reyzpk ul li .text p{padding: 0px; margin: 0px; line-height: 20px;width: 100%; color: #666; font-size: 14px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.reyzpk ul li .text p.one{ font-size: 16px; color: #222;}
.reyzpk ul li:hover .pic{ width:126px; height:160px; border:0px; display:block; margin:5px auto; padding:4px 3px;}
.reyzpk ul li p{ text-align:left; padding:0px; margin:0px; line-height:24px; padding-left: 6px;}
.reyzpk ul li span{text-align:center; font-size:14px;line-height:18px; width:100%; display:block; font-weight:100;}
.reyzpk ul li p em{ display:inline-block; padding-left:5px; width:auto; font-size:14px; font-style: normal;}
@media (max-width:1600px) {
.reyzpk ul li{ padding:0px 5px; margin:8px 0px; width:12.5%;}
}
@media (max-width:1366px) {
.reyzpk ul li{ padding:0px 5px; margin:8px 0px; width:14.285%;}
}
@media (max-width:1240px) {
.reyzpk ul li{ padding:0px 5px; margin:8px 0px; width:20%;}
}
.picmaximize{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 112;
  background: white;
}
.bk-toolbar.vxe-grid--toolbar-wrapper{ height: 100%; padding-top: 4px;}
.pic_img{ width: 100%; height:160px; margin: 8px auto 0px; text-align: center;
& img{ width: 128px; height: 160px;

}
.el-image__error{ width: 128px; margin: 0 auto; background: url(~@/assets/bk_img/nopic.png) no-repeat center; background-position:center !important;}
}

//弹出框头部图标控制大小
.vxe-modal--header{
  span.bk_tetile{font-size: 1.2em;
   & i{     font-size: 20px;
    padding-right: 6px;
    display: inline-block;
    color: #409eff;}
  }

}

// 查询分析页面布局样式
/*首页头部弹框*/
.lefttab{ position:absolute; top:5px; left:0px; height:30px; width:100%; z-index:90; padding:0 15px;}
.lefttab .leftdiv{ float:left; width:23.5%; background:url(~@/assets/bk_img/images/topnavleft.png) right repeat-x; height:34px; padding-right:15px;}
.lefttab .rightdiv{float:right; width:27.5%; background:url(~@/assets/bk_img/images/topnavright.png) left repeat-x; height:34px;}
.lefttab .centerdiv{ width:49%; float:left; background:url(~@/assets/bk_img/images/topnavcenter.png) bottom repeat-x; height:34px; text-align:center;}
.centerdiv span{ width: auto; height:32px; padding:0px 20px; color:#7DA3D2; font-size:18px; display:inline-block; line-height:26px; margin-top:2px; border:1px solid #F3F3F3; border-bottom-color:#D4D4D4; text-align:center;}
.centerdiv span:hover{ cursor:pointer;}
.centerdiv span.tips{ border:1px solid #D4D4D4; border-bottom-color:#F3F3F3; color:#333; text-align:center;}
.box_bj_index {
  background-color: #fff;
  -webkit-box-shadow: 3px 3px 2px #e8e6e6;
  box-shadow: 3px 3px 2px #e8e6e6;
  border-radius: 3px; padding: 8px !important;
}

.renxuanze{ margin:4px auto 0px; width:100%; height:35px; position:relative;}
.renxuanze .line{ position:absolute; bottom:0px; height:1px; line-height:1px; width:100%; background:#D0E5FF; z-index:1;}
.renxuanze .leftj{position:absolute; left:0px; height:6px; bottom:-3px; width:6px; border-radius:3px; background:#D0E5FF;z-index:2;}
.renxuanze .rightj{position:absolute; right:0px; height:6px; bottom:-3px; width:6px; border-radius:3px; background:#D0E5FF;z-index:2;}
.renxuanze ul{ width:100%; padding:0 10px; height:35px; margin:0px;}
.renxuanze ul li{ float:left; display:inline-block; width:auto; line-height:33px; padding:0 15px 0 0px; margin:0 1px;}
.renxuanze ul li.last{ background:none; padding:0 15px 0 2px;}

.danweihz1{ width:100%; position:relative; padding:0px 2px; height:auto; overflow:hidden; z-index:33;}
.danweihz1 ul{ padding:0px; margin:0px;}
.danweihz1 ul li{ float:left; width:33.3%; position:relative; margin:8px auto; height:73px;}
.danweihz1 ul li.one,.danweihz1 ul li.four{ padding-right:10px;}
.danweihz1 ul li.two,.danweihz1 ul li.five{padding:0px 10px;}
.danweihz1 ul li.three,.danweihz1 ul li.six{padding-left:10px;}
.danweihz1 ul li p{display:inline-block; width:100%;height:73px; line-height:18px; font-size:13px; text-align:left;  padding:10px 10px 0 5px; margin:0px;  border-radius: 6px; border:1px solid #1EB3F2; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 4px rgba(0, 0, 0, .4);}
.danweihz1 ul li.one p{ background:#EAB109 /*url(~@/assets/bk_img/pj.png) no-repeat right bottom*/; border:1px solid #C99907;}
.danweihz1 ul li.two p{ background:#6EC8C6 /*url(~@/assets/bk_img/ben.png) no-repeat right bottom*/;}
.danweihz1 ul li.three p{ background:#EAB109 /*url(~@/assets/bk_img/shuo.png) no-repeat right bottom*/;border:1px solid #C99907;}
.danweihz1 ul li.four p{ background:#6EC8C6 /*url(~@/assets/bk_img/san.png) no-repeat right bottom*/;}
.danweihz1 ul li.five p{ background:#EAB109 /*url(~@/assets/bk_img/wu.png) no-repeat right bottom*/;border:1px solid #C99907;}
.danweihz1 ul li.six p{ background:#6EC8C6 /*url(~@/assets/bk_img/nv.png) no-repeat right bottom*/;}
.danweihz1 ul li p i{ position:relative; text-align:left; line-height:14px; height:30px; display:block; top:0px; margin:0px; padding:0px; color:#fff; text-indent:10px;}
.danweihz1 ul li p em{ font-style:normal; color:#fff; font-size:20px; font-weight:600; line-height:25px; display:block; text-align:center;width:105%;}
.danweihz1 ul li p em a{color:#fff !important;}
.danweihz1 ul li p em a:hover{ text-decoration:underline;}

.nvsfdiv{ width:100%; height:100%; padding:10px;}
.nvsfdiv ul,.nvsfdiv ul li{ padding:0px; margin:0px;}
.nvsfdiv ul{ height:100%; padding-top:1%;}
.nvsfdiv ul li{ position:relative; height:32%; width:100%;}
.nvsfdiv ul li span,.nvsfdiv ul li{ text-align:left; font-size:16px; color:#333; line-height:30px;}
.nvsfdiv ul li:hover{ cursor:pointer; color: #06F;}
.nvsfdiv ul li u{font-size:13px; position:absolute; left:82px; top:0px; font-style:normal; text-decoration:none; display:inline-block; width:100px; text-align:right; color:#118CEB;}
.nvsfdiv ul li u:hover{color: #06F; cursor:pointer;}
.nvsfdiv ul li:hover span,.nvsfdiv ul li:hover u,.nvsfdiv ul li:hover div.baifs{color: #06F;}
.nvsfdiv ul li span{ display:inline-block; width:9px; height:9px; background:#F3F; margin:0 5px 0 0; border-radius:2px;}
.nvsfdiv ul li .baifs{ position:absolute; right:0px; top:0px; font-size:13px; color:#333; line-height:30px;}
.nvsfdiv ul li .baift{ width:100%; height:9px; border-radius:5px; margin:5px auto;}
.nvsfdiv ul li .baift em{height:7px;  border-radius:4px; margin:0px 0px; display:inline-block;}
.nvbjt{ border:1px solid #F77379; background:#f3f3f3;}
.nvsfdiv ul li span.nv,.nvbjt em{background:#F5545E;}
.shaobjt{ border:1px solid #00D0C6; background:#f3f3f3;}
.nvsfdiv ul li span.shao,.shaobjt em{background:#00A79D;}
.feibjt{ border:1px solid #17B4FF; background:#f3f3f3;}
.nvsfdiv ul li span.fei,.feibjt em{background:#009FE9;}

/*数据源*/
.data_yuan{ position:absolute; right:29%; z-index:255; width:auto; top:8px; height:32px;}
.data_yuan .time_nei{ height:28px; width:auto; position:relative;}
.relative{ position: relative;
 .right_btn {
    position: absolute;
    right: 8px;
    top: 6px;
    width: auto;
    z-index: 88;
}
}
.baogao_data{ position: fixed; z-index: 88; right: 0px; bottom: 0px; height: 24px; width: auto; line-height: 20px; border-radius: 6px 0px 0px 0px; font-size: 13px; color: #2b0505;
   padding: 2px 8px; border-left: 1px #ddd solid;  border-top: 1px #ddd solid; background-color: #fff;}
aside.bk_aside_right {
    background: #f6f7f9;
    padding: 0px;
    border-right: 1px #ddd solid;
    position: relative;
  }
  aside.bk_aside_right_white {
    background:transparent;
    padding: 0px;
    border-right: 1px #ddd solid;
    position: relative;
  }
  aside.bk_aside_right_nobj {
    background: #fff;
    padding: 0px;
    position: relative;
  }


  .loding_neibody{ position: absolute; z-index: 112; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);
    width: 200px;
    height: 70px;

    .loading{
      width: 80px; margin: 15px auto;
      height: 40px;
    }
    .loading span{
      display: inline-block;
      width: 8px; margin: 0 4px;
      height: 100%;
      border-radius: 4px;
      background: lightgreen;
      -webkit-animation: load 1s ease infinite;
      animation: load 1s ease infinite;
    }
    @-webkit-keyframes load{
      0%,100%{
        height: 20px;
        background: lightgreen;
      }
      50%{
        height: 40px;
        margin: -15px 4px;
        background: lightblue;
      }
    }
    .loading span:nth-child(2){
      -webkit-animation-delay:0.2s;
      animation-delay:0.2s;
    }
    .loading span:nth-child(3){
      -webkit-animation-delay:0.4s;
      animation-delay:0.4s;
    }
    .loading span:nth-child(4){
      -webkit-animation-delay:0.6s;
      animation-delay:0.6s;
    }
    .loading span:nth-child(5){
      -webkit-animation-delay:0.8s;
      animation-delay:0.8s;
    }

  }
  .loding_nei_text{ width:auto; height: 40px; text-align: center; line-height: 30px; color: #333; padding: 0px 10px; font-size: 16px; letter-spacing: 1px;}
  .loding_jindu{ position: absolute; z-index: 112; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);
    width: 90%;
    height: 20px;}

.div_change {
.el-radio--medium.one_bj{
  background:url(~@/assets/bk_img/nav_bj1.png) no-repeat 10px center;
}
.el-radio--medium.two_bj{
  background:url(~@/assets/bk_img/nav_bj2.png) no-repeat 10px center;
}
.el-radio--medium.three_bj{
  background:url(~@/assets/bk_img/nav_bj3.png) no-repeat 10px center;
}
.el-radio--medium.four_bj{
  background:url(~@/assets/bk_img/nav_bj4.png) no-repeat 10px center;
}
}
.bk_btween{display: flex; flex-direction: row; justify-content:space-between; height: 40px; padding:6px 6px;
& .h1{font-size:15px; color:#000; font-weight:600; line-height: 30px;}
}
.bk_chuansuo{ z-index: 8; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -50px; width: 40px; height:100px ;
    .ss_btn{ margin-top: 10px; width: 100%; text-align: center; height: auto;}
}
.fieldset{
  border: 1px solid #dfdfdf;
  padding: 5px 8px;
  & legend {
    margin: 0px 2px;
    padding: 0 6px; font-size: 14px;
}
}
.vxe-modal--wrapper.type--modal.defined_height{
 height: 666px;

  & .vxe-modal--box {
    height: 664px;
  }

@media (max-height: 666px) {
  & .vxe-modal--box {
    height: 100%;
  }
}
}
@media (max-height: 666px) {
  .defined_height.vxe-modal--wrapper.type--modal .vxe-modal--box {
    height: 100%;
  }
}
.bk_beizhu{color:#ff9900; line-height:26px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.right_form_top {
  position: absolute;
  left: -9px;
  top: 50%;
  width: 36px;
  z-index: 8;
  border: 1px solid #98cbef;
  border-radius: 16px;
  background-color: #f7f9f5;
  padding: 8px;
  padding-left: 10px;
     -webkit-transform: translate(0%,-50%);  -moz-transform: translate(0%,-50%); transform:translate(0%,-50%);
    .vxe-checkbox>input+.vxe-checkbox--icon {
  position: relative;
  display: block; margin: 0 auto;}
  .vxe-checkbox+.vxe-checkbox {
  margin-left: 0px;
     }
  ::v-deep .vxe-checkbox .vxe-checkbox--label{ display: block;   white-space: normal;
  height: auto;
        line-height: 16px;
        display: block;font-size: 14px;
        width: 20px;
        white-space: normal;
        padding-bottom: 6px;
        padding-left: 0px;
        padding-top: 3px;}
    ::v-deep .vxe-checkbox.size--mini {

      text-align: center;
      ::v-deep .vxe-checkbox--label {
        height: auto;
        line-height: 16px;
        display: block;
        width: 20px;
        white-space: normal;
        padding-bottom: 6px;
        padding-left: 0px;
        padding-top: 3px;
      }
    }
  }
  .postion_l{
    position: absolute;
    z-index: 22;
    left: 8px;
    top: 6px;
    height: 36px; width: auto; line-height: 30px;
}
.taobiao{width: 100%; font-size: 14px; color: #252322; padding: 0 6px;
  white-space: normal;
  line-height: 20px;}

  .shuchu_lading{    border: 1px #dfe4ed dashed;
    padding: 8px;
    border-radius: 4px;
    height: 100%; width: 100%;
    background: #fbfcff url(~@/assets/bk_img/gcjg.png) no-repeat center;
    overflow-y: auto;
    &.jysc{ background: #fbfcff url(~@/assets/bk_img/jysc.png) no-repeat center;}
    & > p{background: #fbfcff;}
  }

  .bk_fieldset{
    padding:18px 8px 0px !important; position: relative;
    // &.el-main{padding:18px 8px 0px !important; position: relative;
    // .field_boder{border: 1px solid #dfdfdf; width: 100%; height: 100%;
    //   .el-header{height: 32px !important; margin-top: -16px;
    //   .legend{line-height: 32px; background: #fff; margin: 0px 4px; display: inline-block;
    //     padding: 0 6px;
    //     font-size: 14px;}
    //   }
    // }
    // }
      .field_boder{border: 1px solid #dfdfdf; width: 100%; height: 100%;
        .el-header.field_header{height: 32px !important; margin-top: -16px;
        .legend{line-height: 32px; background: #fff; margin: 0px 4px; display: inline-block;
          padding: 0 6px;
          font-size: 14px;}
        }
      }

  }
.fot_left_tbar{ position: absolute; bottom: 0px; left: 0px; width: auto; height: 31px; z-index: 6;
 &.has_ziji{left: 100px;}
}
.center_chuans{  padding: 0px 3px 4px;
  border-radius: 18px;
  border: 1px solid #ccc; background-color: #fff;
   position: absolute; z-index: 6; top: 50%; left:-13px; width: 36px; height: auto ;
   -webkit-transform: translate(0%,-50%);  -moz-transform: translate(0%,-50%); transform:translate(0%,-50%);
   }
.linshi_btn_ztbb {
    position: fixed; text-align: left;
    left: 325px;
    top: 12px; z-index: 70; width: auto; height: 38px; background-color: #0444AD; border:1px solid #006DD9; border-bottom: 0px; border-radius: 4px 4px 0px 0px; color: #fff;
    & span.nav_ztbb{ display: inline-block; font-size: 16px; line-height: 38px; color: #fff; padding:0 12px; text-align: center;
    &:hover{ cursor: pointer; color: #fff;}
    &.one{ width:auto; background:url(~@/assets/bk_img/ztbb_nav.png) no-repeat right center; padding-right: 16px; padding-left: 10px;}
    &.two{ width: auto; margin: 0 6px; color: #fff;}
    &.three{ width: auto; margin: 0 6px; color: #BCCCE9;}
    }
    span.nav_ztbb:hover{ cursor: pointer; color: #fff;}
  }
  .el-footer .vxe-button.size--mini .el-icon-connection:before {
    font-size: 16px;
    line-height: 16px;

}
.el-aside.aside_width.aside_hide{ border-radius: 0px; z-index: 3;
  padding: 0;
  .el-tabs--border-card{ border: 1px solid #e8eaec;
  border-top: 0px; border-bottom: 0px;     box-shadow: 0 0px 0px 0;
  .sjtj_ts{ position: absolute; right: 6px; top: 50px; width: auto; z-index: 3; font-size: 13px; line-height: 20px; color: #f90;}
}
}
.el-aside.relative.aside_width{
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24); overflow: visible;

}
.el-header.pdbt.rigtop{height: 40px !important; text-align: center; line-height: 28px; position: relative; overflow: visible !important; background:#f6f6f6;
  & .fa{
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -13px;
    cursor: pointer;
    padding: 4px;
    border: 1px solid #dddddd;
    border-radius: 0px 6px 6px 0px;
    border-left: 0px;
    z-index: 3;
    background-color: #f5f7fa;
    &.el-icon-s-unfold{ background-color: #fff; left: 0px;}
  }
}
.aside_width{
  width:320px!important;
  background:#fff;
}
@media screen and (max-width: 1400px){
  .aside_width{
    width:320px!important;
  }
}
@media screen and (min-width: 1921px){
  .aside_width{
    width:400px!important;
  }
}
@media screen and (max-width:1366px) {
  .nopadding .bk_card .aside_hide {
    position: absolute;
    z-index: 50;
    right: 0;
    height: 100%;
  }
}
.padding_top{ background-color: #fff;
  &.has_lr{
    .el-form{ padding-top: 10px; padding-left: 10px; padding-right: 10px;}
  }
& .el-form-item--mini .el-form-item__content{ text-align: left;}
}
.padding_top.height{
  max-height: calc(100% - 80px);
 overflow: auto;
}
.padding_top.maxheigt{
  .el-main.el_h.top_bar{max-height: calc(100% - 40px); height: auto;
 overflow: auto; flex: none;}
 &.has_pd_rg .el-main.el_h.top_bar{ padding-right: 10px !important;}
}
 .bk_box .bk_mid .has_pd_rg .el-main.el_h.top_bar{ padding-right: 10px !important;}


.el-main.heiauto{max-height: calc(100% - 80px); height: auto;
 overflow: auto; flex: none;}
.padding_top .el-form-item--medium .el-form-item__content{
  line-height: 30px; text-align: left;
}
.pz_sheet,.pz_rig_sheet{
  .fm-form{     width: 80% !important; padding-top: 10px;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 500px;}
}
.pz_rig_sheet{
  .el-main.el_h.top_bar{max-height: calc(100% - 40px); height: auto;
    overflow: auto; flex: none;}
  .fm-form{ padding-top: 10px; padding-bottom: 10px;
    min-width: 600px;}
 .footer_box.footer_box{
      border-top: 0px solid #dfe4ed;}
}
.el_h .el-form-item--small .el-form-item__content {
  text-align: left;}
.footer_box.footer_box{
  text-align: center;
  border-top: 1px solid #dfe4ed;
  padding-top: 6px;
  margin: 0 8px;
}
// .pdding-rig{ padding-right: 10px;}
.vxe-modal--wrapper .vxe-modal--body{
  .el-main.el_h.top_bar{ padding: 8px; padding-right: 12px;}
  .footer_box.footer_box {
    text-align: center;
    border-top: 1px solid #ebeef5;
    padding-top: 7px;
    padding-bottom: 6px;
    background-color: #f8f9fb;
    margin: 0px;
  }
}
.xuanlexing{ margin: 0 6px 6px; height: 42px; border: 1px solid #eee; border-radius: 4px; background-color: #fff;}
.bk_box .bk_mid .el-main.el_h.top_bar { padding-left: 8px !important; padding-right: 8px !important;}
